sei sul sito di Giovanni Fraterno
Le pagine pubblicate su Internet, e visualizzabili grazie ad un browser, sono realizzate servendosi del linguaggio html, che non è un linguaggio di
programmazione, ma un linguaggio di
impaginazione.
Un documento in formato html
può essere aperto grazie ad un browser:
- o attraverso un collegamento ad Internet
- oppure caricandolo dal disco del
proprio computer senza connettersi
alla Rete.
Per vedere il codice html di una pagina web bisogna eseguire tre passi:
- aprire il browser Internet Explorer che si trova all’interno di
Windows
- caricare una pagina web o dal
disco, in modalità non in
linea, con la scelta apri, oppure dalla
Rete Internet (dopo aver effettuato la connessione),
indicando l’indirizzo URL
- fare clic sul menù visualizza del browser, e poi clic sulla scelta HTML per vedere infine il codice sorgente della pagina web.
La finestra, che appare in formato
blocco note, contiene del testo e dei codici
distribuiti all’interno del testo stesso, codici che sono racchiusi tra una
coppia di parentesi angolari, ovvero < >.
Questi codici si chiamano tag, tag che
consentono al browser non solo la formattazione
(l’impaginazione) della pagina web, ma anche la realizzazione
degli elementi caratteristici dell’ipertesto,
ovvero i link (salti ipertestuali) e gli oggetti grafici multimediali.
Come si è
detto i tag dell’html sono costituiti
da stringhe di caratteri compresi tra i simboli
di minore ( < ) e di maggiore ( > ).
In html,
un tag è nella maggior parte dei casi abbinato ad un altro tag
corrispondente, che segna la fine dell’azione
prevista da quel tag.
Questo secondo tag ha una barra all’inizio, cioè /, ovvero lo slash
inclinato a destra.
Così il tag HTML prevede
la seguente sintassi:
<HTML>
.............
</HTML>
Tutti i tag possono essere
indifferentemente specificati in caratteri maiuscoli
o minuscoli.
E’ però utile scrivere i tag
sempre in maiuscolo per distinguerli dalle frasi del testo.
Un testo HTML viene di norma suddiviso in due sezioni:
- la sezione intestazione,
definita dal tag HEAD, e contenete
normalmente informazioni sul titolo del
documento visualizzato, titolo definito grazie al tag TITLE
e riportato nella barra del titolo
della finestra del browser
- la sezione corpo, definita
dal tag BODY, e contenente il documento vero e proprio, con quindi tutti gli
elementi caratteristici che danno vita ad un ipertesto.
La sintassi è:
<HTML>
<HEAD>
<TITLE>
.............
</TITLE>
</HEAD>
<BODY>
.............
</BODY>
</HTML>
Le dimensioni dei caratteri,
che definiscono gli eventuali titoli dei paragrafi presenti nella pagina web,
sono stabilite dal tag Hn, e dove n indica il codice numerico corrispondente alla
dimensione del carattere: H1 per il più
grande, e H6 per il più piccolo.
Le rispettive sintassi per
ogni tag sono:
<H1>
............. </H1>
<H2>
............. </H2>
<H3>
............. </H3>
<H4>
............. </H4>
<H5>
............. </H5>
<H6>
............. </H6>
Per scrivere centrato
bisogna utilizzare il tag CENTER
La sintassi è:
<CENTER>
……………
</CENTER>
Per specificare l’inizio di
un nuovo paragrafo è sufficiente usare il tag P.
La sintassi è:
<P>
............. </P>
Per inserire invece un
ritorno a capo si usa il tag BR.
La sintassi è:
<BR>
Per assegnare un colore di
sfondo ad una pagina web, si aggiunge al tag BODY
l’attributo BGCOLOR,
e ciò secondo
la sintassi:
<BODY BGCOLOR="#000000">
Per
cambiare colore allo sfondo, bisogna sostituire la combinazione di zeri con
un’altra combinazione esadecimale.
Ad esempio, per ottenere il bianco occorre inserire FFFFFF,
per ottenere il blu occorre
inserire 0000FF, per ottenere il rosso occorre inserire FF0000, e così via.
Per inserire viceversa un immagine occorre usare il tag IMG,
e secondo la successiva sintassi:
<IMG
SRC="immagine.gif">
Spesso capita che
all’immagine che abbiamo inserito si deve aggiungere una cornice, in tal caso la
sintassi è:
<IMG
SRC="immagine.gif" BORDER="1">.
Per creare infine un
collegamento ipertestuale bisogna usare il tag A, e secondo la sintassi:
<A
HREF="prova.htm">clicca qui</A>
prova.htm indica la destinazione
del link, ovvero la pagina web dove si salta.
clicca qui indica invece la scritta che compare colorata nel
testo, appunto
per indicare il collegamento ipertestuale.
Per determinare l'apertura
del programma di posta elettronica con il destinatario
(nomedifantasia@nonscrivermi.it) già impostato, la sintassi da scrivere è:
<A
HREF="mailto:nomedifantasia@nonscrivermi.it">clicca qui</A>